上次學的是把所有的 class 做綁定，不知道大家有沒有這樣的一個問題，如果想要綁定一個的話怎麼辦呢？
//一開始在 data 裡面加上一個 class 的名稱
data:{
myClass: {
// 需要在 css 裡面定義並且修改樣式
isActive:false,
isRed:true,
}
}
一樣會使用的是 v-bind:class 來做，那他也可以寫成 :class 這樣子 ':' => 'v-bind'
在 id = "myApp" 裡面加上標籤
//myClass 這個可以不用寫在 css 裡面
<h1 :class="myClass">綁定單獨的 class 測試</h1>
這樣的話就可以控制單獨的 class 了，直接到 myClass 裡面修改。
試試看吧！
iThome鐵人賽
看影片追技術